<!DOCTYPE HTML>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles/draggableNoCursor.css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>jQuery UI Draggable Example 3</title>
  </head>
  <body>
    <div id="drag"></div>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript">
			$(function() {
			
				//define config object
				var dragOpts = {
					cursor: "move",
					axis: "y",
					distance: "30",
					cursorAt: {
						top: 0,
						left: 0
					} 
				};
			
				$("#drag").draggable(dragOpts);
			});
		</script>
  </body>
</html>
